<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div class="base-timeline layui-timeline" id="timeline-vertical">


  <div class="layui-timeline-item">
    <i class="layui-icon layui-timeline-axis"></i>
    <div class="timeline-title layui-row"><div class="layui-text layui-col-xs6 text-left">这名字显示</div></div>
    <div class="timeline-content layui-timeline-context content-item">
      <div class="timeline-content-header layui-row">
        <div class="layui-text layui-col-xs6 text-left">这里是对应的值</div>
      </div>

      <div class="timeline-content-body layui-row">
        <div class="layui-row image-ccontainer"><div class="timeline-item layui-col-xs6 text-left">
          <div class="timeline-image"><img src="https://img-blog.csdnimg.cn/5a26bb2e6eb74aa0ac42d44bef0f61c2.mp4" alt="图片"></div>
        </div>

          <div class="timeline-item layui-col-xs6 text-left">
            <div class="timeline-image"><img src="https://img-blog.csdnimg.cn/5a26bb2bef0f61c2.jpeg" alt="图片"></div>
          </div>

          <div class="timeline-item layui-col-xs6 text-left">
            <div class="timeline-image"><img src="https://img-blog.csdnimg.cn/5a26b4bef0f61c2.text" alt="图片"></div>
          </div>

          <div class="timeline-item layui-col-xs6 text-left" data-url="https://img-blog.csdnimg.cn/5a26bb2e6eb74aa0ac42d44bef0f61c2.docx">
            <div class="timeline-image"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-81 251.9 64 64">
              <path fill="#54A0FF" d="M-23.9,251.9H-65c-3.8,0-9.1z"></path>
            </svg>
            </div>
          </div>
          <div class="timeline-item timeline-item-file layui-col-xs6 text-left" data-url="https://img-blog.csdnimg.cn/5a26bb2e6eb74aa0ac42d44bef0f61c2.xps">
            <div class="timeline-file-icon"><img src="" alt="图片"></div>
            <div class="timeline-file-name"></div>
          </div>
          <div class="timeline-item timeline-item-file layui-col-xs6 text-left" data-url="https://img-blog.csdnimg.cn/5a26bb2e6eb74aa0ac42d44bef0f61c2.xls">
            <div class="timeline-file-icon"><img src="" alt="图片"></div>
            <div class="timeline-file-name"></div>
          </div>
        </div>
        <div class="layui-text layui-col-xs6 text-left">这是一个怎样的版本？立我与客观世界的某种沟通</div>
      </div>
    </div>
    <div class="layui-row timeline-footer"></div>
  </div>


</div>
</body>
</html>